<!DOCTYPE <!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>表单元素 Test</title>
</head>

<body>

    <form action="test.php" method="get">

        <p>Datalist 效果：</p>
        <input list="browsers" name="browser">
        <datalist id="browsers">
            <option value="Internet Explorer">
                <option value="Firefox">
                    <option value="Chrome">
                        <option value="Opera">
                            <option value="Safari">
        </datalist>
        <input type="submit">

        <p>Keygen 效果：</p>
        用户名: <input type="text" name="usr_name"> 加密: <keygen name="security">
        <input type="submit">

    </form>

    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
        <input type="range" id="a" value="50">100 +
        <input type="number" id="b" value="1000"> =
        <output name="x" for="a b"></output>
    </form>

</body>

</html>